     * {
         font-family: Arial, Helvetica, sans-serif;
         margin: 0;
         padding: 0;
     }

     .nav {
         display: flex;
         height: 70px;
         justify-content: start;
         background-color: #242424;
         align-items: center;
     }

     .nav a:nth-of-type(1) {
         margin-left: 30px;
     }

     .nav a:nth-of-type(-n+6) {
         text-align: center;
         text-decoration: none;
         line-height: 70px;
         color: #ffffff;
         height: 70px;
         width: 100px;
     }

     .nav a:nth-of-type(-n+6):hover {
         background-color: #000000;
     }

     .nav img {
         margin-left: 90px;
         width: 40px;
         height: 40px;
         object-fit: cover;
         border-radius: 100%;
     }

     .nav h1 {
         color: #ffffff;
         margin-left: 10px;
         line-height: 70px;
     }

     .nav input {
         margin-left: 100px;
         background-color: #ffffff;
         width: 170px;
         height: 25px;
     }

     .nav a:nth-last-of-type(2) {

         text-decoration: none;
         line-height: 35px;
         text-align: center;
         color: #ccccac;
         margin-left: 20px;
         width: 110px;
         height: 35px;
         background-color: #242424;
         border: #4d4d4d 1px solid;
         border-radius: 40%;
     }

     .nav a:nth-last-of-type(2):hover {
         border-color: #ffffff;
     }

     .nav a:nth-last-of-type(1) {
         margin-left: 30px;
         text-decoration: none;
         color: #787878;
     }

     .nav a:nth-last-of-type(1):hover {
         text-decoration: underline;
     }

     .nav_min {
         height: 35px;
         background-color: #c20c0c;
         display: flex;
         align-items: center;
         justify-content: start;
     }

     .nav_min a:nth-of-type(1) {
         margin-left: 335px;
     }

     .nav_min a {
         margin-left: 45px;
         width: 70px;
         text-align: center;
         text-decoration: none;
         color: #ffffff;
         border-radius: 30%;
     }

     .nav_min a:hover {
         background-color: #9b0909;
     }

     .content {
         background-color: #f5f5f5;
         height: 2000px;
         display: flex;
         justify-content: center;
     }

     .left {
         width: 800px;
         background-color: #ffffff;
         border-left: #d3d3d3 1px solid;
         border-right: #d3d3d3 1px solid;
         display: flex;
         justify-content: center;
     }

     .left>div {
         display: flex;
         flex-direction: column;
         /* align-items: flex-start; */
         width: 640px;
         /* height: 1930px; */
         background-color: #ffffff;

     }

     .left>div span:nth-of-type(1) {
         display: flex;
         flex-direction: row;
         align-items: flex-end;

     }

     .left>div span:nth-of-type(1) h2 {
         color: #333333;
         font-size: 24px;
     }

     .left>div span:nth-of-type(1) h3 {
         color: #999999;
         font-size: 14px;
         margin-left: 20px;
     }

     .left>div span:nth-of-type(2) {
         display: flex;
         flex-direction: row;
         justify-content: start;
         text-align: center;
         background-color: #f9f6f6;
         border-left: 1px #999999 solid;
         border-right: 1px #999999 solid;
     }

     .left>div span:nth-of-type(2) a {
         text-decoration: none;
         color: #333333;
         line-height: 39px;
         font-size: 14px;
         width: 136px;
         height: 39px;
         border-bottom: 1px #999999 solid;
     }

     .left>div span:nth-of-type(2) a:nth-last-of-type(1) {
         flex: 1;
     }

     .left>div span:nth-of-type(2) a:nth-of-type(1) {
         border-bottom: none;
         border-right: 1px #999999 solid;
     }

     .left>div span:nth-last-of-type(1) {
         margin-top: 20px;
         display: inline-block;
         height: 42px;
         /* margin-bottom: 10px; */
     }

     .left>div span:nth-last-of-type(1) a {
         border-radius: 10%;
         color: #ffffff;
         font-size: 13px;
         text-decoration: none;
     }

     .left>div span:nth-last-of-type(1) a:nth-of-type(1) {
         text-align: right;
         display: inline-block;
         background: url(img/button.png);
         background-position: -10px -4px;
         line-height: 36px;
         width: 80px;
         height: 42px;

     }

     .left>div span:nth-last-of-type(1) a:nth-of-type(2) {
         width: 36px;
     }

     .left>div span:nth-last-of-type(1) a:nth-of-type(2) {
         width: 93px;
     }

     table tr:nth-child(2n-1) {
         background-color: #e8e8e8;
     }

     table tr:nth-child(2n) {
         background-color: #f4f4f4;
     }

     tr {
         display: flex;
     }

     td {
         color: #333333;
         height: 30px;
         font-size: 12px;
         text-indent: 20px;
         line-height: 30px;
     }

     tr :nth-child(1) {
         flex: 1;
     }

     tr :nth-child(2) {
         flex: 2;
     }

     tr :nth-child(3) {
         flex: 1;
     }

     tr :nth-child(4) {
         flex: 1;
     }

     .right {
         width: 300px;
         background-color: #ffffff;
         border-right: #d3d3d3 1px solid;
         display: flex;
         justify-content: center;
     }

     .right>div {
         width: 260px;
         display: flex;
         flex-direction: column;
     }

     .right>div span:nth-of-type(1) {
         margin-top: 15px;
         height: 30px;
         color: #333333;
         font-size: 14px;
         border-bottom: grey 1px solid;
     }

     .right>div span:nth-of-type(n+2):nth-of-type(-n+3) {
         margin-top: 20px;
         display: flex;
         justify-content: space-between;
     }

     .right>div span a {
         font-size: 13px;
         text-decoration: none;
         color: #333333;
     }

     .right>div span:nth-of-type(4) {
         margin-top: 30px;
         height: 30px;
         color: #333333;
         font-size: 14px;
         border-bottom: grey 1px solid;
     }

     .right>div span:nth-of-type(5) {
         margin-top: 20px;
         display: flex;
         justify-content: space-between;
     }

     .right>div span:nth-of-type(5) a:nth-of-type(2n-1) img {
         width: 42px;
         height: 48px;
         object-fit: cover;
     }

     .right>div span:nth-of-type(5) a:nth-of-type(2) img {
         width: 60px;
         height: 48px;
         object-fit: cover;
     }

     .right>div span:nth-of-type(6) {
         margin-top: 30px;
         color: #999999;
         font-size: 14px;
     }

     .right>div span:nth-of-type(7) {
         margin-top: 30px;
         height: 30px;
         color: #333333;
         font-size: 14px;
         border-bottom: grey 1px solid;
     }

     .right>div span:nth-of-type(n+8):nth-of-type(-n+9) {
         margin-top: 10px;
         display: flex;
         align-items: center;
     }

     .bottom {
         border-top: 1px #666666 solid;
         height: 200px;
         background: #f2f2f2;
         text-align: center;
     }

     .bottom>div {
         text-align: left;
         display: inline-block;
         height: 200px;
         width: 1200px;
         background: #f2f2f2;
     }

     .bottom>div div:nth-of-type(1) {
         float: left;
         width: 600px;
         margin-top: 40px;
     }

     .bottom>div div:nth-of-type(1)>span>a {
         text-indent: 20px;
         float: left;
         font-size: 13px;
         /*margin-right: 20px;*/
         text-decoration: none;
         color: #000000;
     }

     .bottom>div div:nth-of-type(1)>span>a:hover {
         text-decoration: underline;
     }

     .bottom>div div:nth-of-type(1)>p {
         font-size: 13px;
         margin-left: 20px;
     }

     .bottom>div div:nth-of-type(1)>p>a {
         text-align: left;
         font-size: 13px;
         text-decoration: none;
         color: #000000;

     }

     .bottom>div div:nth-of-type(1)>p>a:hover {
         text-decoration: underline;
     }

     .bottom>div div:nth-of-type(1) img {
         width: 20px;
         height: 20px;
         object-fit: cover;
     }

     .bottom>div div:nth-of-type(2) {
         float: left;
         width: 600px;
     }

     .bottom>div div:nth-of-type(2)>a {
         float: left;
         /*display: inline-block;*/
     }

     .bottom>div div:nth-of-type(2) img {
         width: 70px;
         height: 70px;
         object-fit: cover;
     }

     .bottom>div div:nth-of-type(2)>p {
         float: left;
         margin-top: 60px;
         width: 120px;
         height: 120px;
         text-align: center;
         font-size: 13px;
     }